<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>南牧物联网云平台</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
	<link href="assets/morris.js-0.4.3/morris.css" rel="stylesheet" />
    <link href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>
    <link rel="stylesheet" href="css/owl.carousel.css" type="text/css">

      <!--right slidebar-->
      <link href="css/slidebars.css" rel="stylesheet">

    <!-- Custom styles for this template -->

    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet" />



    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

  <section id="container" >
      <!--header start-->
      <header class="header white-bg">
              <div class="sidebar-toggle-box">
                  <div class="fa fa-bars tooltips" data-placement="right" data-original-title="Toggle Navigation"></div>
              </div>
            <!--logo start-->
            <a href="index.html" class="logo"><img alt="" src="img/logo1.png" style="width:80px"><!-- <span>南牧物联网云平台</span> --></a>
            <!--logo end-->
			
            <div class="top-nav ">
                <!--search & user info start-->
                <ul class="nav pull-right top-menu">
                    <!-- <li>
                        <input type="text" class="form-control search" placeholder="Search">
                    </li> -->
                    <!-- user login dropdown start-->
                    <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <img alt="" src="img/avatar1_small.jpg">
                            <span class="username">张三</span>
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu extended logout">
                            <div class="log-arrow-up"></div>
                            <li><a href="#"><i class=" fa fa-suitcase"></i>我的资料</a></li>
                            <li><a href="#"><i class="fa fa-cog"></i> 设置</a></li>
                            <li><a href="#"><i class="fa fa-bell-o"></i> 我的消息</a></li>
                            <li><a href="login.html"><i class="fa fa-key"></i> 注销</a></li>
                        </ul>
                    </li>
                    <!-- <li class="sb-toggle-right">
                        <i class="fa  fa-align-right"></i>
                    </li> -->
                    <!-- user login dropdown end -->
                </ul>
                <!--search & user info end-->
            </div>
			
			<div class="nav notify-row" id="top_menu">
                <!--  notification start -->
                <ul class="nav top-menu">

                    <!-- notification dropdown start-->
                    <li id="header_notification_bar" class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">

                            <i class="fa fa-bell-o"></i>
                            <span class="badge bg-warning">7</span>
                        </a>
                        <ul class="dropdown-menu extended notification">
                            <div class="notify-arrow notify-arrow-yellow"></div>
                            <li>
                                <p class="yellow">You have 7 new notifications</p>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                                    Server #3 overloaded.
                                    <span class="small italic">34 mins</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-warning"><i class="fa fa-bell"></i></span>
                                    Server #10 not respoding.
                                    <span class="small italic">1 Hours</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                                    Database overloaded 24%.
                                    <span class="small italic">4 hrs</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-success"><i class="fa fa-plus"></i></span>
                                    New user registered.
                                    <span class="small italic">Just now</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-info"><i class="fa fa-bullhorn"></i></span>
                                    Application error.
                                    <span class="small italic">10 mins</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">See all notifications</a>
                            </li>
                        </ul>
                    </li>
                    <!-- notification dropdown end -->
                </ul>
                <!--  notification end -->
            </div>
        </header>
      <!--header end-->
      <!--sidebar start-->
      <aside>
          <div id="sidebar"  class="nav-collapse ">
              <!-- sidebar menu start-->
              <ul class="sidebar-menu" id="nav-accordion">
				  <li>
                      <a  href="index.html">
                          <i class="fa fa-dashboard"></i>
                          <span>养殖场</span>
                      </a>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" >
                          <i class="fa fa-table"></i>
                          <span>历史数据</span>
                      </a>
                      <ul class="sub">
						  <li ><a href="tem_history.html"><span class="title">温湿度</span></a></li>
						  <li ><a href="water_history.html"><span class="title">耗水量</span></a></li>
						  <li><a href="light_history.html"><span class="title">光照度</span></a></li>
						  <li><a href="gas_history.html"><span class="title">氨气浓度</span></a></li>
						  <li><a href="food_history.html"><span class="title">饲料量</span></a></li>
						  <li><a href="alarm_history.html"><span class="title">告警记录</span></a></li>
                      </ul>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" class="active" >
                          <i class="fa fa-tasks"></i>
                          <span>设备管理</span>
                      </a>
                      <ul class="sub">
                          <li class="active"><a href="device1.html"><span class="title">设备管理</span></a></li>
                      </ul>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" >
                          <i class="fa fa-user"></i>
                          <span>用户管理</span>
                      </a>
                      <ul class="sub">
                          <li><a href="profile.html"><span class="title">我的资料</span></a></li>
						  <li><a href="user.html"><span class="title">用户管理(admin)</span></a></li>
						  <li><a href="function:html"><span class="title">页面管理(admin)</span></a></li>
						  <li><a href="permission.html"><span class="title">权限管理(admin)</span></a></li>
						  <li><a href="javascript:void();"><span class="title">养殖场主管理(admin)

</span></a></li>
						  <li><a href="javascript:void();"><span class="title">养殖户管理(admin)</span></a></li>
                      </ul>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" >
                          <i class=" fa fa-gear"></i>
                          <span>系统(admin)</span>
                      </a>
                      <ul class="sub">
                          <li><a href="log.html"><span class="title">系统日志</span></a></li>
                      </ul>
                  </li>


                  <li>
                      <a  href="javascript:;">
                          <i class="fa fa-file"></i>
                          <span>系统说明</span>
                      </a>
                  </li>

                  

              </ul>
              <!-- sidebar menu end-->
          </div>
      </aside>
      <!--sidebar end-->
	  
	  
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">
		      <div class="row">
                  <div class="col-lg-6">
                      <section class="panel">
                          <header class="panel-heading">
                              基本
                          </header>
                          <div class="panel-body">
                              <form class="form-horizontal" role="form">
                                  <div class="form-group">
                                      <label for="input1" class="col-lg-4 col-sm-4 control-label">名称</label>
                                      <div class="col-lg-8">
                                          <input type="text" class="form-control" id="input1" placeholder="" value="环境控制器1">
                                          <p class="help-block"></p>
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <label for="input2" class="col-lg-4 col-sm-4 control-label">日龄</label>
                                      <div class="col-lg-8">
                                          <input type="text" class="form-control" id="input2" placeholder="" value="001">
										  <p class="help-block"></p>
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <label for="input2" class="col-lg-4 col-sm-4 control-label">设备地址</label>
                                      <div class="col-lg-8">
                                          <input type="text" class="form-control" id="input2" placeholder="" value="42000000">
										  <p class="help-block"></p>
                                      </div>
                                  </div>
								  
								  <div class="form-group">
                                      <label for="input2" class="col-lg-4 col-sm-4 control-label">服务器IP</label>
                                      <div class="col-lg-8">
                                          <input type="text" class="form-control" id="input2" placeholder="" value="192.168.123.234">
										  <p class="help-block"></p>
                                      </div>
                                  </div>
								  
								  <div class="form-group">
                                      <label for="input2" class="col-lg-4 col-sm-4 control-label">端口</label>
                                      <div class="col-lg-8">
                                          <input type="text" class="form-control" id="input2" placeholder="" value="60000">
										  <p class="help-block"></p>
                                      </div>
                                  </div>
								  
								  <div class="form-group">
                                      <label for="input2" class="col-lg-4 col-sm-4 control-label">本地IP</label>
                                      <div class="col-lg-8">
                                          <input type="text" class="form-control" id="input2" placeholder="" value="192.168.123.112">
										  <p class="help-block"></p>
                                      </div>
                                  </div>
								  
								  <div class="form-group">
                                      <label for="input2" class="col-lg-4 col-sm-4 control-label">网关</label>
                                      <div class="col-lg-8">
                                          <input type="text" class="form-control" id="input2" placeholder="" value="192.167.123.1">
										  <p class="help-block"></p>
                                      </div>
                                  </div>
								  
								  <div class="form-group">
                                      <label for="input2" class="col-lg-4 col-sm-4 control-label">掩码</label>
                                      <div class="col-lg-8">
                                          <input type="text" class="form-control" id="input2" placeholder="" value="255.255.255.0">
										  <p class="help-block"></p>
                                      </div>
                                  </div>
								  

                                  <div class="form-group">
                                      <div class="col-lg-offset-4 col-lg-8">
                                          <button type="submit" class="btn btn-danger">修改</button>
                                      </div>
                                  </div>
                              </form>

                          </div>
                      </section>
                  </div>
				  
                  <div class="col-lg-6">
                      <section class="panel">
						  <header class="panel-heading">
                              温度曲线设置
                          </header>
                          <div class="panel-body">
                              <a href="#myModal" data-toggle="modal" class="btn btn-xs btn-success">
                                  <i class="fa fa-gear"></i>自设模式设置
                              </a>
                              <a href="#myModal-1" data-toggle="modal" class="btn btn-xs btn-warning">
                                  <i class="fa fa-gear"></i>曲线模式设置
                              </a>


                              <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade">
                                  <div class="modal-dialog">
                                      <div class="modal-content">
                                          <div class="modal-header">
                                              <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                              <h4 class="modal-title">自设模式设置</h4>
                                          </div>
                                          <div class="modal-body">

                                              <form role="form">
                                                  <div class="form-group">
													  <label class="control-label col-md-3">目标温度</label>
													  <div class="col-md-9">
														  <div id="spinner1">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															目标温度
														 </span>
													  </div>
												  </div>
												  
												  <div class="form-group">
													  <label class="control-label col-md-3">制冷温度</label>
													  <div class="col-md-9">
														  <div id="spinner2">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															注意制冷温度必须高于目标温度
														 </span>
													  </div>
												  </div>

                                                  <button type="submit" class="btn btn-danger">修改</button>
                                              </form>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal-1" class="modal fade">
                                  <div class="modal-dialog">
                                      <div class="modal-content">
                                          <div class="modal-header">
                                              <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                              <h4 class="modal-title">曲线模式设置</h4>
                                          </div>
                                          <div class="modal-body">

                                              <form role="form">
                                                  <div class="form-group">
													  <label class="control-label col-md-3">目标温度</label>
													  <div class="col-md-9">
														  <div id="spinner3">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															目标温度
														 </span>
													  </div>
												  </div>
												  
												  <div class="form-group">
													  <label class="control-label col-md-3">制冷温度</label>
													  <div class="col-md-9">
														  <div id="spinner4">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															注意制冷温度必须高于目标温度
														 </span>
													  </div>
												  </div>

                                                  <button type="submit" class="btn btn-danger">修改</button>
                                              </form>

                                          </div>

                                      </div>
                                  </div>
                              </div>

                          </div>
                      </section>
					  
					  
					  <section class="panel">
						  <header class="panel-heading">
                              风机组
                          </header>
                          <div class="panel-body">
                              <a href="#myModa-3" data-toggle="modal" class="btn btn-xs btn-success">
                                  <i class="fa fa-gear"></i>风机组设置
                              </a>


                              <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal-3" class="modal fade">
                                  <div class="modal-dialog">
                                      <div class="modal-content">
                                          <div class="modal-header">
                                              <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                              <h4 class="modal-title">风机组设置</h4>
                                          </div>
                                          <div class="modal-body">

                                              <form role="form">
                                                  <div class="form-group">

												  </div>

                                                  <button type="submit" class="btn btn-danger">修改</button>
                                              </form>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </section>
					  
					  <section class="panel">
						  <header class="panel-heading">
                              侧风窗，幕帘，变频风机，卷帘
                          </header>
                          <div class="panel-body">
                              <a href="#myModal-4" data-toggle="modal" class="btn btn-xs btn-success">
                                  <i class="fa fa-gear"></i>侧风窗，幕帘，变频风机，卷帘设置
                              </a>


                              <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal-4" class="modal fade">
                                  <div class="modal-dialog">
                                      <div class="modal-content">
                                          <div class="modal-header">
                                              <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                              <h4 class="modal-title">侧风窗，幕帘，变频风机，卷帘设置</h4>
                                          </div>
                                          <div class="modal-body">

                                              <form role="form">
                                                  <div class="form-group">

												  </div>

                                                  <button type="submit" class="btn btn-danger">修改</button>
                                              </form>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </section>
                  
					  <section class="panel">
						  <header class="panel-heading">
                              加热设置
                          </header>
                          <div class="panel-body">
                              <a href="#myModal-5" data-toggle="modal" class="btn btn-xs btn-success">
                                  <i class="fa fa-gear"></i>加热设置
                              </a>


                              <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal-5" class="modal fade">
                                  <div class="modal-dialog">
                                      <div class="modal-content">
                                          <div class="modal-header">
                                              <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                              <h4 class="modal-title">加热设置</h4>
                                          </div>
                                          <div class="modal-body">

                                              <form role="form">
                                                  <div class="form-group">
													  <label class="control-label col-md-3">启动温度</label>
													  <div class="col-md-9">
														  <div id="spinner5">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															当温度小于启动温度，启动加热
														 </span>
													  </div>
												  </div>
												  
												  <div class="form-group">
													  <label class="control-label col-md-3">回差温度</label>
													  <div class="col-md-9">
														  <div id="spinner6">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															当温度大于启动温度+加热温度时，停止加热
														 </span>
													  </div>
												  </div>

                                                  <button type="submit" class="btn btn-danger">修改</button>
                                              </form>
                                          </div>
                                      </div>
                                  </div>
                              </div>

                          </div>
                      </section>
					  
					  <section class="panel">
						  <header class="panel-heading">
                              隧道设置
                          </header>
                          <div class="panel-body">
                              <a href="#myModal-6" data-toggle="modal" class="btn btn-xs btn-success">
                                  <i class="fa fa-gear"></i>隧道设置
                              </a>


                              <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal-6" class="modal fade">
                                  <div class="modal-dialog">
                                      <div class="modal-content">
                                          <div class="modal-header">
                                              <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                              <h4 class="modal-title">隧道设置</h4>
                                          </div>
                                          <div class="modal-body">

                                              <form role="form">
                                                  <div class="form-group">
													  <label class="control-label col-md-3">隧道温度</label>
													  <div class="col-md-9">
														  <div id="spinner7">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															当温度>隧道温度，且通风级别到达隧道初始级别前一级，进入隧道通风

														 </span>
													  </div>
												  </div>
												  
												  <div class="form-group">
													  <label class="control-label col-md-3">隧道初始级别</label>
													  <div class="col-md-9">
														  <div id="spinner8">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															等于或高于隧道初始级别的通风级别都是隧道通风级别
														 </span>
													  </div>
												  </div>
												  
												  <div class="form-group">
													  <label class="control-label col-md-3">隧道最短时间</label>
													  <div class="col-md-9">
														  <div id="spinner9">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															进入隧道通风后，保持在隧道通风的最小时间
														 </span>
													  </div>
												  </div>

                                                  <button type="submit" class="btn btn-danger">修改</button>
                                              </form>
                                          </div>
                                      </div>
                                  </div>
                              </div>

                          </div>
                      </section>
					  
					  <section class="panel">
						  <header class="panel-heading">
                              湿度设置
                          </header>
                          <div class="panel-body">
                              <a href="#myModal-7" data-toggle="modal" class="btn btn-xs btn-success">
                                  <i class="fa fa-gear"></i>湿度设置
                              </a>


                              <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal-7" class="modal fade">
                                  <div class="modal-dialog">
                                      <div class="modal-content">
                                          <div class="modal-header">
                                              <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                              <h4 class="modal-title">湿度设置</h4>
                                          </div>
                                          <div class="modal-body">

                                              <form role="form">
                                                  <div class="form-group">
													  <label class="control-label col-md-3">目标湿度</label>
													  <div class="col-md-9">
														  <div id="spinner10">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															设定的理想目标湿度
														 </span>
													  </div>
												  </div>
												  
												  <div class="form-group">
													  <label class="control-label col-md-3">低湿度</label>
													  <div class="col-md-9">
														  <div id="spinner11">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															用于判断当前湿度是否过低
														 </span>
													  </div>
												  </div>

												  <div class="form-group">
													  <label class="control-label col-md-3">高湿度</label>
													  <div class="col-md-9">
														  <div id="spinner12">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															用于判断当前湿度是否过高
														 </span>
													  </div>
												  </div>
												  
                                                  <button type="submit" class="btn btn-danger">修改</button>
                                              </form>
                                          </div>
                                      </div>
                                  </div>
                              </div>

                          </div>
                      </section>
					  
					  
					  <section class="panel">
						  <header class="panel-heading">
                              告警设置
                          </header>
                          <div class="panel-body">
                              <a href="#myModal-8" data-toggle="modal" class="btn btn-xs btn-success">
                                  <i class="fa fa-gear"></i>告警设置
                              </a>


                              <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal-8" class="modal fade">
                                  <div class="modal-dialog">
                                      <div class="modal-content">
                                          <div class="modal-header">
                                              <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                              <h4 class="modal-title">告警设置</h4>
                                          </div>
                                          <div class="modal-body">

                                              <form role="form">
                                                  <div class="form-group">
													  <label class="control-label col-md-3">最高温度</label>
													  <div class="col-md-9">
														  <div id="spinner13">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															当前温度超过此温度产生高温报警
														 </span>
													  </div>
												  </div>
												  <div class="form-group">
													  <label class="control-label col-md-3">最低温度</label>
													  <div class="col-md-9">
														  <div id="spinner14">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															当前温度低于此温度产生低温报警
														 </span>
													  </div>
												  </div>
												  <div class="form-group">
													  <label class="control-label col-md-3">最高温差</label>
													  <div class="col-md-9">
														  <div id="spinner15">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
														 当前温度减去目标温度大于此数值时产生高温差报警
														 </span>
													  </div>
												  </div>
												  <div class="form-group ">
													  <label class="control-label col-md-3">最低温差</label>
													  <div class="col-md-9">
														  <div id="spinner16">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															当前温度减去目标温度 x (-1) 大于此数值时阐释低温差报警
														 </span>
													  </div>
												  </div>
												  
												  <div class="form-group ">
													  <label class="control-label col-md-3">最高湿度</label>
													  <div class="col-md-9">
														  <div id="spinner17">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															当前湿度大于此数值时，产生高湿报警
														 </span>
													  </div>
												  </div>
												  
												  
												  <div class="form-group ">
													  <label class="control-label col-md-3">最低湿度</label>
													  <div class="col-md-9">
														  <div id="spinner18">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															当前湿度小于此数值时，产生低湿报警
														 </span>
													  </div>
												  </div>
												  
												  <div class="form-group ">
													  <label class="control-label col-md-3">低光照值</label>
													  <div class="col-md-9">
														  <div id="spinner19">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															当前光照小于此数值时，产生低光照报警
														 </span>
													  </div>
												  </div>
												  
												  <div class="form-group ">
													  <label class="control-label col-md-3">最高氨气</label>
													  <div class="col-md-9">
														  <div id="spinner20">
															  <div class="input-group" style="width:150px;">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-up btn-warning">
																		  <i class="fa fa-plus"></i>
																	  </button>
																  </div>
																  <input type="text" class="spinner-input form-control" maxlength="3" readonly="">
																  <div class="spinner-buttons input-group-btn">
																	  <button type="button" class="btn spinner-down btn-danger">
																		  <i class="fa fa-minus"></i>
																	  </button>
																  </div>
															  </div>
														  </div>
														 <span class="help-block">
															当前氨气大于此数值时，产生高氨气报警
														 </span>
													  </div>
												</div>
												  
                                                  <button type="submit" class="btn btn-danger">修改</button>
                                              </form>
                                          </div>
                                      </div>
                                  </div>
                              </div>

                          </div>
                      </section>
					  
				  </div>
              </div>
		  </section>
	  </section>
      <!-- Right Slidebar start -->
      <!-- Right Slidebar end -->

      <!--footer start-->
      <footer class="site-footer">
          <div class="text-center">
              2017 &copy; 
              <a href="#" class="go-top">
                  <i class="fa fa-angle-up"></i>
              </a>
          </div>
      </footer>
      <!--footer end-->
	  
	  
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script class="include" type="text/javascript" src="js/jquery.dcjqaccordion.2.7.js"></script>
    <script src="js/jquery.scrollTo.min.js"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="js/jquery.sparkline.js" type="text/javascript"></script>
    <script src="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
    <script src="js/owl.carousel.js" ></script>
    <script src="js/jquery.customSelect.min.js" ></script>
	<script src="assets/morris.js-0.4.3/morris.min.js" type="text/javascript"></script>
    <script src="assets/morris.js-0.4.3/raphael-min.js" type="text/javascript"></script>
    <script src="js/respond.min.js" ></script>

    <!--right slidebar-->
    <script src="js/slidebars.min.js"></script>

    <!--common script for all pages-->
    <script src="js/common-scripts.js"></script>

	<!-- 引入 echarts.js -->
    <script src="assets/echart/echarts.js"></script>
	<script src="assets/echart/macarons.js"></script>
	<script src="assets/echart/china.js"></script>
	
    <!--script for this page-->
    <script src="js/sparkline-chart.js"></script>
    <script src="js/easy-pie-chart.js"></script>
	<script src="js/count.js"></script>
	<script src="js/echart.js"></script>
	<!--this page plugins-->
	<script type="text/javascript" src="assets/fuelux/js/spinner.min.js"></script>
	

  <script>

      $(document).ready(function() {
			$('#spinner1').spinner({value:23.0, step: 0.1, min: 0, max: 40});
			$('#spinner2').spinner({value:28.0, step: 0.1, min: 0, max: 40});
			$('#spinner3').spinner({value:23.0, step: 0.1, min: 0, max: 40});
			$('#spinner4').spinner({value:28.0, step: 0.1, min: 0, max: 40});
			$('#spinner5').spinner({value:23.0, step: 0.1, min: 0, max: 40});
			$('#spinner6').spinner({value:28.0, step: 0.1, min: 0, max: 40});
			$('#spinner7').spinner({value:23.0, step: 0.1, min: 0, max: 40});
			$('#spinner8').spinner({value:28.0, step: 0.1, min: 0, max: 40});
			$('#spinner9').spinner({value:23.0, step: 0.1, min: 0, max: 40});
			$('#spinner10').spinner({value:28.0, step: 0.1, min: 0, max: 40});
			$('#spinner11').spinner({value:23.0, step: 0.1, min: 0, max: 40});
			$('#spinner12').spinner({value:28.0, step: 0.1, min: 0, max: 40});
			$('#spinner13').spinner({value:23.0, step: 0.1, min: 0, max: 40});
			$('#spinner14').spinner({value:28.0, step: 0.1, min: 0, max: 40});
			$('#spinner15').spinner({value:23.0, step: 0.1, min: 0, max: 40});
			$('#spinner16').spinner({value:28.0, step: 0.1, min: 0, max: 40});
			$('#spinner17').spinner({value:23.0, step: 0.1, min: 0, max: 40});
			$('#spinner18').spinner({value:28.0, step: 0.1, min: 0, max: 40});
			$('#spinner19').spinner({value:23.0, step: 0.1, min: 0, max: 40});
			$('#spinner20').spinner({value:28.0, step: 0.1, min: 0, max: 40});
      });


      $(function(){

      });

  </script>

  </body>
</html>
